html, body {
    height: 100%;
}

.head {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.main {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    min-height: 80%;
}

.player_main {
    margin-left: auto;
    margin-right: auto;
    min-height: 80%;
}

.foot {
    position: relative;
    bottom: 0;
    height: 180px;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
}

.foot_dynamic_accepted {
    position: relative;
    bottom: 0;
    height: 180px;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
}


.foot_item_title {
    font-size: 145%;
    font-weight: bold;
    text-align: center;
    color: white;
}

.foot_split {
    margin-top: -3px;
    width: 50%;
}

.foot_item {
    text-align: center;
    color: white;
}

p a {
    text-decoration: underline;
    color: white;
}

a:hover {
    text-decoration: none;
    color: white;
}

.ver_text {
    width: 15%;
}

.ver_img {
    width: 70px;
    height: 30px;
}

.word_break {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}